<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>完善信息</title>
    <link rel="stylesheet" href="../../libs/node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../style/common.css">
    <link rel="stylesheet" href="../../style/home/article.css">
    <link rel="stylesheet" href="../../style/login/register.css">
    <script src="../../libs/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="../../libs/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../libs/layer-v3.1.1/layer/layer.js"></script>
    <script src="../../libs/node_modules/echarts/dist/echarts.js"></script>
    <!--<script src="js/system.js"></script>-->
</head>
<body>
<header></header>
<nav></nav>

<main>
    <div class="content">
        <div class="register-box" style="margin-bottom: 0">
            <form action="" class="register-form">
                <div class="register-process" style="margin-bottom: 5rem">
                    <span>1</span>用户注册
                    <hr style="border:none;border-bottom:1px dashed #BFBFBF;height:1px;width: 8.94rem">
                    <span class="active">2</span>完善信息
                    <hr style="border:none;border-bottom:1px dashed #FE7600;height:1px;width: 8.94rem">
                    <span>√</span>注册成功
                </div>
                <div class="register-info-props">
                    <div class="register-info-props-title">
                        <div class="register-info-props-title-inner">
                            <img src="../../static/icons/会员(3).png" alt="">会员类型
                        </div>
                    </div>
                    <div class="register-info-props-name">
                        <div class="register-info-props-name-item active">业主/村民/居民</div>
                        <div class="register-info-props-name-item">业主/村民/居民</div>
                        <div class="register-info-props-name-item">业主/村民/居民</div>
                        <div class="register-info-props-name-item">业主/村民/居民</div>
                        <div class="register-info-props-name-item">业主/村民/居民</div>
                    </div>
                </div>
                <div class="register-info-props">
                    <div class="register-info-props-title">
                        <div class="register-info-props-title-inner">
                            <img src="../../static/icons/性别.png" alt="">性别
                        </div>
                    </div>
                    <div class="register-info-props-name">
                        <div class="register-info-props-name-item active">男</div>
                        <div class="register-info-props-name-item">女</div>
                    </div>
                </div>
                <div class="register-input-box">
                    <div class="register-input-item">
                        <div class="register-input-name">
                            <img src="../../static/icons/微信(s).png" alt="">
                            微信号
                        </div>
                        <input type="text" placeholder="请输入您的微信号码">
                    </div>
                </div>
                <div class="register-input-box">
                    <div class="register-input-item">
                        <div class="register-input-name">
                            <img src="../../static/icons/qq(s).png" alt="">
                            QQ号
                        </div>
                        <input type="text" placeholder="请输入您的QQ号">
                    </div>
                </div>
                <div class="register-input-box">
                    <div class="register-input-item">
                        <div class="register-input-name">
                            <img src="../../static/icons/钉钉s.png" alt="">
                            钉钉号
                        </div>
                        <input type="text" placeholder="请输入钉钉号">
                    </div>
                </div>
                <div class="register-input-box">
                    <div class="register-input-item">
                        <div class="register-input-name">
                            <img src="../../static/icons/邮箱s.png" alt="">
                            电子邮箱
                        </div>
                        <input type="email" placeholder="请输入您的邮箱">
                    </div>
                </div>
                <div class="register-input-box" style="padding-top: 1rem">
                    <div class="register-btn" onclick="register()">注册</div>
                </div>

            </form>
        </div>
    </div>
</main>
<footer class="footer">

</footer>
<script>
    (function () {
        $("header").load("../../views/common/header_common.html");
        $("nav").load("../../views/common/nav_inner.html");
        $("footer").load("../../views/common/footer.html");
    })()
    function register() {
        window.location.href = 'register-success.html';
    }

</script>
</body>
</html>